<!DOCTYPE html>
<html>
<head>
	<title>数据图表</title>
	<#include "../../include/head-file.ftl">
	<#--<script src="${base}/static/plugins/clipboard/clipboard.js"></script>-->
	<#--<script src="${base}/static/offlinemap/map_load.js"></script>-->
	<script src="${base}/static/baidu-map/map_load.js"></script>
</head>
<body>
<div id="rlt-main-map"></div>
</body>
</html>
<script>
    "use strict";
    var indexVue = new Vue({
        el: '#index',
        data: {
            map: null,
        },
        created: function () {

        },
        mounted:function () {
            var that=this
            setTimeout(function () {
                that.drawMap()
            },100)
        },
        methods: {
            drawMap () {
                this.map = new BMap.Map('rlt-main-map', { minZoom: 6, maxZoom: 18 })
                console.log(this.map)
                var point = new BMap.Point(125.35, 43.88) // 110.4, 19.89
                this.map.centerAndZoom(point, 10)
                this.map.enableScrollWheelZoom()
                // this.map.disableDragging() // 禁止拖拽
                // this.map.disableScrollWheelZoom() // 禁止缩放
            },
        },
    });
</script>
<style>
	#rlt-main-map{
		width: 100%;
		height:100vh;
		/*top: 5%*/
	}
	.BMap_cpyCtrl {
		display: none;
	}
	.anchorBL {
		display: none;
	}
</style>